table{border-collapse:collapse;}
th td{font-family:serif,SongTi;font-size:22;padding:2}
.page_top{font-size:24px;font-family:Times,SongTi}
#content{overflow:hidden;}
.left {width:44%; float:left;height:600px; background:#f0f0f0; overflow-y:scroll;}
.right{width:55%; float:right;height:600px; background:#f0f0f0; overflow-y:scroll;}
.newyear{font-family:KaiTi;font-size:30;color:red;show:slow}

.tip{
position:relative;
text-decoration:none;
}

.tip span {
display: none;
}


.tip:hover span{
display:block;
position:absolute;
top:25px;
left:10px;
margin-top: 10px;
margin-left: -10px;
width:20em;
color:#000000;
padding:8px;
border:1px solid #eee;
z-index:100;
background: #FFFFAA;
font: 16px "Arial", sans-serif;
text-align: left;
}

.table_footer_tip
{
    font-style: italic;
    font-size: 14px;
    margin : 5px 0px 30px 0px;
}

.table_footer_tip span
{
    color: #ff9955;
}

#ToDoTable,
#AssignedToDoTable,
#DepartmentToDoTable
{
    margin: 5px 0px 0px 0px;
}

#ToDoTable_no,
#AssignedToDoTable_no,
#DepartmentToDoTable_no
{
    width:8%;
}

#ToDoTable_priority,
#ToDoTable_assignto,
#ToDoTable_creator_user_id,
#ToDoTable_progress,
#AssignedToDoTable_priority,
#AssignedToDoTable_assignto,
#AssignedToDoTable_creator_user_id,
#AssignedToDoTable_progress,
#DepartmentToDoTable_priority,
#DepartmentToDoTable_assignto,
#DepartmentToDoTable_creator_user_id,
#DepartmentToDoTable_progress
{
    width:10%;
}

#ToDoTable_operate,
#AssignedToDoTable_operate,
#DepartmentToDoTable_operate
{
    width:15%;
}

.no,
.priority,
.progress
{
    text-align: center;
}

.hidden_str
{
    font-size: 0px;
    color: transparent;
}

#ToDoTable th a,
#AssignedToDoTable th a,
#DepartmentToDoTable th a
{
    color: black;
    text-decoration:none;
}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime
{
    cursor:pointer;
    background: url(../images/sort_able.png) no-repeat;
    background-position: 2px;
    padding: 8px 12px 4px 14px;
}
th.forwardSort
{
    background: url(../images/sort_asc.png) no-repeat;
    background-position: 2px;
}
th.reverseSort
{
    background: url(../images/sort_desc.png) no-repeat;
    background-position: 2px;
}
.show_outline_div,
.show_outline_edit_div,
.show_outline_comment_div,
.show_outline_comment_edit_div,
.show_outline_upd_btn_div,
.show_plan_div,
.show_plan_edit_div,
.show_plan_comment_div,
.show_plan_comment_edit_div,
.show_plan_upd_btn_div {
    display: block;
}
.hide_outline_div,
.hide_outline_edit_div,
.hide_outline_comment_div,
.hide_outline_comment_edit_div,
.hide_outline_upd_btn_div,
.hide_plan_div,
.hide_plan_edit_div,
.hide_plan_comment_div,
.hide_plan_comment_edit_div,
.hide_plan_upd_btn_div {
    display: none;
}
.show_outline_edit_div,
.show_outline_comment_edit_div,
.show_plan_edit_div,
.show_plan_comment_edit_div {
    padding: 5px;
    border: 1px;
    border-style: solid;
    background-color: #feecc3;
}
.show_outline_edit_div button,
.show_outline_comment_edit_div button,
.show_plan_edit_div button,
.show_plan_comment_edit_div button {
    float: right;
}
.show_outline_upd_btn_div,
.show_plan_upd_btn_div,
#all_rele_plan_div_id {
    text-align: center;
    border: 1px;
    background-color: #feecc3;
}
.outline_edit_textarea,
.outline_comment_edit_textarea,
.plan_edit_textarea,
.plan_comment_edit_textarea {
    width: 100%;
}
.show_outline_comment_div,
.outline_comment_edit_textarea,
.show_plan_comment_div,
.plan_comment_edit_textarea {
    color: red;
}
.rele_plan_title {
    text-decoration: underline;
}
.rele_plan_div {
    border: 1px;
    font-style: italic;
    background-color: #b3d9ff;
    border-bottom-style: dashed;
}
